body {
	background-color: #f4f4f4;
}

header {
	position: relative;
	background-color: #fbfbfb;
	padding: 3.73vw 2.8vw;
	text-align: center;
	font-size: 4.8vw;
	color: #555555;
	border-bottom: 0.3vw solid #f4f4f4;
	position: fixed;
	top: 0;
	width: 94.4vw;
	z-index: 99;
}
.cart-list{
	padding-top:  12.7vw;
}
.cart-list li {
	background-color: #fff;
	display: flex;
	justify-content: left;
	align-items: center;
	padding: 2.67vw 2.53vw 2.67vw 3.6vw;
	margin-bottom: 2.8vw;
}

.cart-list .select-box {
	width: 4vw;
	height: 4vw;
	border: 0.1vw solid #d1d1d1;
	margin-right: 4vw;
}

.cart-list .select-box img {
	width: 100%;
}

.cart-list .photo {
	width: 22.4vw;
	margin-right: 3vw;
}

.cart-list .info {
	width: 61vw;
}

.cart-list .info .top .name {
	font-family: PingFang-SC-Regular;
	font-size: 3.47vw;
	color: #555555;
}

.cart-list .info .top .style {
	font-family: PingFang-SC-Regular;
	font-size: 3.2vw;
	color: #999999;
	padding: 1.5vw 0 3.6vw 0;
}

.cart-list .info .bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart-list .info .price {
	font-family: PingFang-SC-Regular;
	font-size: 3.47vw;
	color: #555555;

}

.cart-list .info .num {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cart-list .info .num span,.cart-list .info .num input {
	display: inline-block;
	text-align: center;
	width: 10vw;
	height: 6.2vw;
	border: 0.27vw solid #f4f4f4;
	color: #999999;
	font-family: PingFang-SC-Regular;
	font-size: 3.47vw;
	line-height: 6.2vw;
}
.cart-list .info .num input{
	outline: none;
}
.cart-list .info .bottom .left {
	border-radius: 0.67vw 0 0 0.67vw;
	border-right: 0 solid #fff;
}

.cart-list .info .bottom .right {
	border-left: none;
	border-radius: 0 0.67vw 0.67vw 0;
	border-left: 0 solid #fff;
}

.cart-list .remove {
	position: absolute;
	top: 2vw;
	right: 2.5vw;
	width: 2.67vw;
}

.guess {
	background-color: #fff;
	text-align: center;
	padding-bottom: 26vw;
}
.guess .title{
	 padding: 4.7vw 0;
	 font-family: PingFang-SC-Regular;
	 	font-size: 3.73vw;
	 	font-weight: bold;
	 	color: #333333;
	 
}
.guess .guess_list {
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
	padding: 0 2.8vw;
	font-size: 3.47vw;
	font-weight: bold;
	font-family: PingFang-SC-Regular;
}
.guess .guess_list li{
	margin-right: 2.6vw;
}
.guess .guess_list li:nth-child(2n){
	margin-right: 0;
}
.guess .guess_list li img {
	width: 45.87vw;
}

.guess .guess_list li .name {
	text-align: left;
	color: #333333;
	padding-left:1.6vw ;
	padding-top: 2.2vw;
}
.guess .guess_list li .price{
	text-align: left;
	color: #c55a5c;
	padding:2vw 0 5.3vw 1.6vw ;
}
nav{
	width: 100%;
	position: fixed;
	bottom: 0;
	border-top:0.4vw solid #eaeaea ;
}
nav .total{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 3.6vw;
	background-color: #fff;
	margin-bottom: 0.4vw;
	font-family: MicrosoftYaHeiUI;
	font-size: 3.73vw;
	font-weight: bold;
}
nav .total span{
	display: inline-block;
}
nav .total .select-box {
	width: 4vw;
	height: 4vw;
	border: 0.1vw solid #d1d1d1;
	margin-right: 4vw;
}

nav .total .select-box img {
	width: 100%;
}
nav .total .price{		
		color: #c55a5c;
}
nav .total .buy_button a{
	display: inline-block;
	padding: 4vw 11vw; 
	background-color:#c55a5c ;
	color: #fff;
	margin-left:2vw ;
}

nav .nav{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 3.2vw 2vw 1vw 2vw ;
	background-color: #fff;
}
nav .nav a{
		font-family: MicrosoftYaHeiUI;
		font-size: 2.4vw;
		color: #555555;
}
nav .nav a:visited {
	color: #555555;
}
nav .nav li{
	text-align: center;
	width: 10vw;
}
nav .nav li img{
	width: 5.6vw;
}

.to_top{
	height: 10vw;
	width: 10vw;
	border: 0.2vw solid #eaeaea;
	border-radius: 50%;
	position: fixed;
	right: 2.8vw;
	bottom: 35vw;
	background-color: #fff;
	text-align: center;
	line-height: 10vw;
}
.to_top img{
	width: 5.4vw;
}